<div class="coffees" *ngIf='_coffeeData'>
    <div class="coffees-header">
        <div class="top-bar">
            <i class="icon iconfont icon-close"></i>
        </div>
        <div class="coffees-header-info">
            <span class="name">
                {{_coffeeData.name}}
            </span>
            <h1 class="slogen">
                {{_coffeeData.slogen}}
            </h1>
            <p class="summer">
                {{_coffeeData.summer}}
            </p>
        </div>
    </div>

    <div class="coffees-content">
        <div class="coffees-form">
            
        </div>
    </div>
    
    <div class="coffee-footer">
        <app-btn size='big' type='full' [disabled]='false' (click)='test($event)' >
            <span class="btn-left-content">
                12
            </span>

            <span class="name">
                添加至购物车
            </span>
            
            <span class="btn-right-content">
                ￥100
            </span>
        </app-btn>
    </div>
</div>